Top 11 Inspirational And Helpful CSS Image Gallery Compilation

1. Distinctive Portfolio - 4 in 1 WordPress Portfolio

featured image

Easy to use shortcode generator Responsive DTPanel options panel Specify custom slug for your projects Lightbox included Supports gallery, video and external URLs Easy to use

01 - Bug Fix for best image slider & CSS Stregthening

More Details

2. WOW Slider

WOW Slider

The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. Image slider is a very effective method to increase the web site usability and engage the user.

WOW Slider is a responsive jQuery image slider with amazing visual effects and tons of professionally made templates. NO Coding - WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing. Wordpress slider plugin and Joomla slider module are available.

Also, you can share your slider on Facebook.

More Details

3. jQuery Multiple Scroll Portfolio Gallery

featured image

A jQuery plugin help you to display portfolio, which support multiple gallery.Support multiple gallery. Support different size of image. Option caption and gallery information block.

More Details

4. CSS3 Image Gallery Kit

featured image

An image gallery kit with filtering images based on category with lightbox box effect built in HTML & CSS3.• Neat layout with icons used for number of times viewed, number of comments for the image & number of likes.• On click over the image it gives lightbox effect with the image enlarged with the commenting textbox with a submit comment button & view comment button.• Social buttons are added in the lightbox for the image. Pls note: This is not an image gallery script but this item can be integrated with the image gallery.

More Details

5. Social Gallery Shortcodes WordPress Plugin

featured image

Social Gallery [shortcodes] is the latest plugin available from Epic Plugins. It has been written to be a hand in hand fit with the Social Gallery Photo Viewer and the Social Gallery add-ons.What is Social Gallery [shortcodes]?

Social Gallery [shortcodes] is an image display plugin, this means it seamlessly links in with image management plugins such as the slider wordpress Media Library or NextGen. The plugin can then be used with any image viewer plugin, such as the awesome Social Gallery, or more standard viewers such as fancybox, or other lightboxes. The following image shows the three main areas of how you can use images on your site and where each of the plugins fit in.Gallery Display (greyscale)

If a user marks an image as favourite it is shown larger and in colour to them. Click the image for the example.where id is the id of your nextgen gallery

WordPress Gallery (colour)

If a user marks an image as favourite it is shown larger to them. Click the image for the example.where id is the id of your nextgen gallery

Image effect on hover

On hover the images display the name of the image and the social stats (how many likes and comments the image has had).Live social stats per image

Image title displayed

Link to the image page

User favourites gallery

It displays you live social stats for each of your images and lets you easily like and comment on images in each gallery. It is also built with the Social Gallery Photo Viewer plugin in mind to enable even greater sharing and liking of your images.Facebook Comments without leaving the gallery

Click the like or comment icon and have the ability to make comments on the images right there on the gallery, simple and easy. Make comments without leaving the gallery

Seamless integration with Social Gallery Photo Viewer

The plugin is built with the Social Gallery Lightbox in mind, a user can click on your image and the likes and comments are displayed to them to allow them to easily make further comments and have extra Social feautures like tweeting and pinning images

Social Gallery [shortcodes] links in with the Lightbox

Requires Social Gallery Lightbox plugin

Compatible with shortcode nextgen gallery wordpress

The plugin is designed to work with the popular NextGen gallery plugin. Display your nextgen galleries using a simple shortcode based on your NextGen gallery ID.Allowing your users to mark their favourites also gives you the ability to track via the wordpress lightbox gallery which images they like along with links to the image gallery page wordpress they like the image on. Link to gallery

Live social stats on each image

Facebook comments on the gallery without leaving the page

Social Gallery Lightbox compatible

WordPress Gallery compatible

Fixes some CSS bugs

More Details

6. Spectrum Gallery Plugin

featured image

Spectrum is a superb JavaScript gallery plugin, which will work with jQuery, as an AMD Module or a browser global. It has support for image cropping, true to proportion image sizes and perfect image alignment.It is perfect for portfolio and gallery website design along with its smooth transitions. Is there an image animation style that is missing? No problem. You could extend the image method library by adding your own methods, which could, lets say, rotate an image as it slides into position. Setting up straight away is ridiculously easy, almost every option has a default, the only thing you would need to do is supply the images, and the parent element to which the gallery is appended to. And i mean minimal, the only piece of HTML code slideshow required to make spectrum work is a single tag, that being the element on which to create the gallery. All the little things like gallery and image creation is handled by the plugin, you only have to specify the url for each image. What you will be left with is a beautiful gallery which fits perfectly all its images. Spectrum can handle multiple tags being searched at the same time, it can also do other magic with tags, such as add an “all” tag, which can also be any text you desire, you can also tell Spectrum which tag to start the gallery on. Also Spectrum can map to the size of its parent element, so if you have implemented responsive design, whenever a different device views the page, the gallery will change size if its parent element changes size. Be it using new curves, image specific animation, or entire compositions that orchestrate the moment of the gallery.Gallery Cover –

Spectrum has cool gallery cover option, which allows you to use a single image, as the cover of the gallery. This can be useful when used as a loading screen whilst your gallery images load in the background, and can be set to swipe away as soon as they have loaded.Image Binding

Spectrum has an api which allows you to bind to any kind of event that may happen on any of the gallery images.

More Details

7. CSS Flat Gallery

featured image

CSS Flat Gallery is a wordpress image gallery with image category like: Type, Size, Name etc.1 Folder with CSS Flat Gallery

More Details

8. Zi-Image Grid Gallery - Responsive

featured image

Displays images in a grid format and fits to the adjacent image. Onclick on any image displays the larger size of the same image with social sharing buttons for each image.

More Details

9. Behance Project Feed Gallery

featured image

A very light-weight Wordpress Plugin that will allow you to display a image gallery wordpress of your Behance projects on any page or post using a simple shortcode.Image Color (Full Color or Grayscale)

More Details

10. CSS Responsive Touch-Friendly Gallery with Effects

featured image

100% CSS, this image thumbnail gallery HTML works great on your computer as on your touch devices. You have many effects to choose from, as the dynamics and colour of the details box to the image’s dynamics and style.Available Image Styles:

More Details

11. TableLite Wordpress Post Media Gallery

featured image

Popout Table Style Post Gallery Plugin For Wordpress.Wordpress Table Style Post Gallery

Custom Content – Easily add custom content in place of the wordpress image gallery or to the excerpt area – Add embed content easily.Shortcode Enabled – Add shortocde to any page to add a gallery.Responsive – Gallery items are automatically adjusted for the amount of posts per page set.Lightboxed Images – All images added to the post(gallery images) are linked to the prettyPhoto lightbox.CSS Transitions Effects – Popout Panel Effects.

More Details

12. Wordpress Wobble Gallery

featured image

Hide/show gallery images based on if the images are in view.Change images perspective based on position of mouse over image.Create a masonry isotope gallery by using a single class.Customize the image border easily by using a data parameter.

More Details